<template>
  <div id="profile">
    <nav-bar class="profileNavBar"><div slot="center"><span>小马哥商城</span></div></nav-bar>
    <user-info></user-info>
    <price-tools></price-tools>
    <other-tab-control :other="other"></other-tab-control>
    <other-tab-control :other="otherCart"></other-tab-control>
  </div>
</template>

<script>
  import NavBar from "components/common/navbar/NavBar";
  import UserInfo from "views/profile/children/UserInfo";
  import PriceTools from "views/profile/children/PriceTools";
  import OtherTabControl from "views/profile/children/OtherTabControl";

  export default {
    name: "Profile",
    components: {
      NavBar,
      UserInfo,
      PriceTools,
      OtherTabControl
    },
    data(){
      return {
        other: [
          {name: '我的消息',url: '我的消息'},
          {name: '积分商城',url: '积分商城'},
          {name: '会员卡',url: '皇冠'}
        ],
        otherCart: [
          {name: '我的购物车',url: '购物车'},
          {name: '下载购物APP',url: 'App'}
        ]
      };
    }
  }
</script>

<style scoped>
  #profile{
    position: relative;
    z-index: 999;
  }
  .profileNavBar{
    background-color: var(--color-tint);
    color: white;
    font-weight: bold;
    font-size: 18px;
  }
</style>